﻿<!DOCTYPE html>
<!--HTML5 doctype-->
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>支付中心－{site.name}</title>
<link rel="stylesheet" type="text/css" href="<%templateskin%>/jqmobi/css/icons.css" />
<link rel="stylesheet" type="text/css" href="<%templateskin%>/jqmobi/css/af.ui.base.css" />
<link rel="stylesheet" type="text/css" href="<%templateskin%>/css/style.css" />
<link rel="stylesheet" type="text/css" href="{config.webpath}scripts/artdialog/ui-dialog.css" />
<!--jqMobi主JS-->
<script type="text/javascript" charset="utf-8" src="{config.webpath}scripts/jquery/jquery-1.11.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="<%templateskin%>/jqmobi/jq.appframework.js"></script>
<script type="text/javascript" charset="utf-8" src="<%templateskin%>/jqmobi/ui/appframework.ui.js"></script>
<!--jqMobi插件-->
<script type="text/javascript" charset="utf-8" src="<%templateskin%>/jqmobi/plugins/jq.slidemenu.js"></script>
<script type="text/javascript" charset="utf-8" src="{config.webpath}scripts/artdialog/dialog-plus-min.js"></script>
<script type="text/javascript" charset="utf-8" src="<%templateskin%>/js/base.js"></script>
</head>

<body>
<div id="afui">
  <div id="content">

	<div id="mainPanel" class="panel" data-footer="main_footer">
      <header>
        <a href="javascript:;" onclick="history.back(-1);" class="backButton">返回</a>
        <h1>在线支付</h1>
        <a onclick="$.ui.toggleSideMenu()" class="menuButton"></a>
      </header>
      <%if(action=="confirm")%>
      <!--提交支付-->
      <form id="pay_form" name="pay_form" method="post" action="{config.webpath}api/payment/{payModel.api_path}/index.aspx" target="_blank">
        <input id="pay_order_no" name="pay_order_no" type="hidden" value="{order_no}" />
        <input id="pay_order_amount" name="pay_order_amount" type="hidden" value="{order_amount}" />
        <input id="pay_user_name" name="pay_user_name" type="hidden" value="{userModel.user_name}" />
        
        <%if(order_type=="recharge")%>
        <!--充值订单-->
        <div class="wrap-box">
          <h2>支付信息</h2>
          <dl>
            <dt>订单号</dt>
            <dd>{order_no}</dd>
          </dl>
          <dl>
            <dt>充值金额</dt>
            <dd>￥{order_amount}</dd>
          </dl>
          <dl>
            <dt>支付方式</dt>
            <dd>{payModel.title}</dd>
          </dl>
        </div>
        <input id="pay_subject" name="pay_subject" type="hidden" value="账户充值" />
        
        <div style="padding:0 0 15px 0;">
          <input id="btnSubmit" name="btnSubmit" type="submit" value="确认付款" class="btn orange full" />
        </div>
      
        <%else if(order_type=="buygoods")%>
        <div class="wrap-box">
          <h2>支付信息</h2>
          <dl>
            <dt>订单号</dt>
            <dd>{order_no}</dd>
          </dl>
          <dl>
            <dt>收货人姓名</dt>
            <dd>{orderModel.accept_name}</dd>
          </dl>
          <dl>
            <dt>送货地址</dt>
            <dd>{orderModel.address}</dd>
          </dl>
          <dl>
            <dt>手机号码</dt>
            <dd>{orderModel.mobile}</dd>
          </dl>
          <dl>
            <dt>固定电话</dt>
            <dd>{orderModel.telphone}</dd>
          </dl>
          <dl>
            <dt>备注留言</dt>
            <dd>{orderModel.message}</dd>
          </dl>
          <dl>
            <dt>支付金额</dt>
            <dd>￥{order_amount}</dd>
          </dl>
          <dl>
            <dt>支付方式</dt>
            <dd>{payModel.title}</dd>
          </dl>
        </div>
        <input id="pay_subject" name="pay_subject" type="hidden" value="购买商品" />
        
        <div style="padding:0 0 15px 0;">
          <input id="btnSubmit" name="btnSubmit" type="submit" value="确认付款" class="btn orange full" />
        </div>
        
        <%/if%>
      </form>
      
      <!--/提交支付-->
      <%/if%>
      
      <%if(action=="succeed")%>
      <!--支付成功-->
      <div class="wrap-box">
        <h2>支付成功</h2>
        <div class="tip">
          <span class="icon check"></span>
          <p>恭喜您，您的支付已经成功！</p>
          <p>您可以点击这里进入<a href="<%linkurl("usercenter","index")%>" data-ignore="true">会员中心</a>查看订单状态！</p>
          <p>如有其它问题，请立即与我们客服人员联系。</p>
        </div>
      </div>
      <!--/支付成功-->
      <%/if%>
      
      <%if(action=="error")%>
      <!--支付出错-->
      <div class="wrap-box">
        <h2>支付失败</h2>
        <div class="tip">
          <span class="icon close"></span>
          <p>支付过程中发生意处错误！</p>
          <p>您可以点击这里进入<a href="<%linkurl("usercenter","index")%>" data-ignore="true">会员中心</a>查看订单状态！</p>
          <p>如您确实已经支付，请与我们客服人员联系。</p>
        </div>
      </div>
      <!--/支付出错-->
      <%/if%>
      
      <%if(action=="login")%>
      <!--用户未登录-->
      <div class="wrap-box">
        <h2>会员登录</h2>
        <div class="tip">
          <span class="icon info"></span>
          <p>您尚未登录或已经超时啦！</p>
          <p>已是会员用户，请<a href="<%linkurl("login")%>" data-ignore="true">点击这里登录</a>。</p>
          <p>尚未注册会员，请<a href="<%linkurl("register")%>" data-ignore="true">点击这里注册</a>。</p>
        </div>
      </div>
      <!--/用户未登录-->
      <%/if%>
      
      <%if(action=="recharge")%>
      <!--用户余额不足-->
      <div class="wrap-box">
        <h2>余额不足</h2>
        <div class="tip">
          <span class="icon warning"></span>
          <p>对不起，您的余额不足本次支付！</p>
          <p>如余额不足，请<a href="<%linkurl("useramount","recharge")%>" data-ignore="true">点击这里充值</a>后进行支付！</p>
          <p>如果有任何问题，请与我们客服取得联系。</p>
        </div>
      </div>
      <!--/用户余额不足-->
      <%/if%>
      
      <!--版权信息-->
      <%template src="_copyright.html"%>
      <!--/版权信息-->
    
	</div>
  
    
    <!--底部导航-->
    <%template src="_footer.html"%>
    <!--/底部导航-->
	
    <!--左侧导航-->
    <%template src="_nav.html"%>
    <!--/左侧导航-->
      
  </div>
</div>
</body>
</html>
